<template>
    <h1>DefinePropsTs</h1>
    <p>{{title}}</p>
    <ul>
        <li v-for="item in list" :key="item.id">{{item.content}}</li>
    </ul>
</template>

<script setup lang="ts">

    interface List {
        id: number,
        content: string
    }

    // 运行时声名 和 类型声名不能同时使用 
    const props = withDefaults(defineProps<{
        title: string,
        list: List[]
    }>(),{
        title: '类型声明的默认标题'
    }) ;

    console.log(props.title, props.title);

</script>